<div id="home" class="home" data-title="首页" ms-controller="home">
    <div class="speakBlock" :if="!@activateTime || !@informationFull || @personal_configurgent">
        <!-- 以下三种情况只需显示一种 -->
        <!-- 情况1：账号未激活 -->
        <div class="content" :if="!@activateTime">
            <h2>尊贵的客户：</h2>
            <p class="text">
                感谢您注册交易平台账户！ <br>
                您的交易账户还未激活，立即存款激活账户，开始享受您的交易生活吧！
            </p>
            <div class="down" >
                <span>还没有下载交易软件？</span>
                <a href="javascript:void(0)" class="m-btn"><i class="downIcon"></i>现在下载</a>
            </div>
            <div class="mtop15">
                <a href="javascript:;" class="m-btn">存款</a>
            </div>
        </div>

        <!-- 情况2：资料未上传完整 -->
        <div class="content" :if="@activateTime && !@informationFull">
            <h2>尊贵的客户：</h2>
            <p class="text">
                感谢您注册交易平台账户 ! <br>
                基于监管机构的规定，请您尽快提供以下证明文件，否则可能会对阁下的交易产生影响。
            </p>
            <div class="mtop15">
                <a href="javascript:;" class="m-btn" :if="!@information.bank_info_flag">补充银行资料</a>
                <a href="javascript:;" class="m-btn" :if="!@information.personal_info_state">上传身份证明</a>
                <a href="javascript:;" class="m-btn" :if="!@information.personal_info_flag">上传地址证明</a>
                <a href="javascript:;" class="m-btn" :if="!@information.bank_file_flag">上传银行证明</a>
            </div>
            <p class="text">再次感谢阁下对我们的支持，并祝投资顺利！</p>
        </div>

        <!-- 情况3：后台开启平仓功能 -->
        <div class="content" :if="@activateTime && @informationFull && @personal_configurgent">
            <h2>尊贵的客户：</h2>
            <p class="text" >很抱歉，交易平台目前暂无法登陆，如您需要进行平仓，可使用我们的紧急平仓功能或联系客服！</p>
            <div class="mtop15">
                <a href="javascript:;" class="m-btn-default">紧急平仓</a>
            </div>
        </div>
    </div>
    <!-- 交易账户 start -->
    <div class="block mtop10">
        <h2 class="block_title">
            <a href="#" class="more">账户管理+</a>
            交易账户
        </h2>
        <ul class="accountInfo" :for="(index,el) in @accountList">
            <li class="item platform">
                <i class="platformIcon"></i>
                {{@el.platform}}
                <br>
                平台
            </li>
            <li class="item account" :class="{noAccount: @el.gts2AccountId==null}">
                {{@el.gts2AccountId ? @el.accountNo : @el.platform+'交易平台 国际通用平台 深受专业信赖'}}
            </li>
            <li class="item level" :if="@el.gts2AccountId">
                <p class="primary">{{@el.accountLevel}}</p>
                <p class="text">账户级别</p>
            </li>
            <li class="item state" :if="@el.gts2AccountId">
                <p class="primary">{{@el.accountSatus}}</p>
                <p class="text">账户状态</p>
            </li>
            <li class="item sumCol" :if="@el.gts2AccountId">
                <p class="sum" :count="@el.balance"></p>
                <p class="text">账户余额（{{@el.currencyName}}）</p>
            </li>
            <li class="item operation">
                <button class="m-btn" :if="!@el.gts2AccountId" :click="@enableAccount(@el, @index)">激活账户 +</button>
                <div class="operateSelect" :if="@el.gts2AccountId">
                    <div class="active">
                        <button class="m-btn">{{@text.depositText}}</button>
                        <a href="#" class="triggerOptions"><i class="arrowIcon"></i></a>
                    </div>
                    <div class="options">
                        <a href="javascript:;" class="op-item">&nbsp;&nbsp;{{@text.extractText}}</a>
                        <a href="javascript:;" class="op-item">修改密码</a>
                        <a href="javascript:;" class="op-item" :if="@el.upgradeOrDownAccount=='Y'">账户升级</a>
                    </div>
                </div>
            </li>
        </ul>
    </div>
    <!-- 交易账户 end -->

    <!-- 最新公告 start -->
    <div class="block" :if="@newsList.length>0">
        <h2 class="block_title">
            <a href="#" class="more">更多公告+</a>
            最新公告
        </h2>
        <ul class="newsList">
            <li class="item" ms-for="el in @newsList">
                <span class="primary" >【{{@el.type}}】</span>
                <a href="javascript:;" :click="@showNewsContent(@el)">{{@el.title}} <img src="../../images/new-icon.gif" :if="@el.isNewNotice"></a>
                <span class="time">{{@el.createDate | date("yyyy-MM-dd")}}</span>
            </li>
        </ul>
        <div id="demo1" class="layBox"></div>
    </div>
    <!-- 最新公告 end -->

    
    <!-- 激活账号的弹窗 -->
    <xmp is="ms-enable-account" ms-widget="{enableDialog: @enableDialog, accountList:@accountList, unEnable:@unEnable, hasEnable:@hasEnable}"></xmp>
    
</div>